<!--
 * @Description: 
 * @Autor: 商晓彬
 * @Date: 2021-08-20 09:57:18
 * @LastEditors: 商晓彬
 * @LastEditTime: 2021-08-20 09:59:36
-->
<div bsModal #createOrEditModal="bs-modal" (onShown)="onShown()" class="modal fade" tabindex="-1" role="dialog"
  aria-labelledby="createOrEditModal" aria-hidden="true" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">
          <span>查看履历</span>
        </h4>
        <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')" >
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
          <div class="m-portlet__body">
            <div class="row align-items-center">
              <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
                <p-table #dataTable  [value]="tableData" [paginator]="false"
                  [lazy]="true" [scrollable]="true" ScrollWidth="100%">
                  <ng-template pTemplate="header">
                    <tr>
                      <th style="width: 50px">
                        序号
                      </th>
                      <th style="width: 100px">
                        模块
                      </th>
                      <th style="width: 150px">
                        操作时间
                      </th>
                      <th style="width: 100px">
                        操作人
                      </th>
                      <th style="width: 130px">
                        操作描述
                      </th>
                      <th style="width: 200px">
                        操作详情
                      </th>
                    </tr>
                  </ng-template>
                  <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                    <tr>
                      <td style="width: 50px">
                        <span class="ui-column-title">{{rowIndex+1}} </span>
                      </td>
                      <td style="width: 100px">
                        <span class="ui-column-title"> {{record.businessTypeDesc}}</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> {{record.creationTime| momentFormat:'YYYY-MM-DD HH:mm:ss'}}</span>
                      </td>
                      <td style="width: 100px">
                        <span class="ui-column-title">{{record.userName}} </span>
                      </td>
                      <td style="width: 130px">
                        <span class="ui-column-title">{{record.operationTypeDesc}} </span>
                      </td>
                      <td style="width: 200px">
                        <span class="ui-column-title">{{record.content}}</span>
                      </td>
                    </tr>
                  </ng-template>
                </p-table>
                <!-- 分页条 -->
                <!-- <div class="primeng-paging-container">
                  <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                    (onPageChange)="getTableList($event)" [totalRecords]="10" [rowsPerPageOptions]="[10,30,50]">

                  </p-paginator>
                  <span class="total-records-count">
                    总共：5
                  </span>
                </div> -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>